<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="theme-color" content="#f4645f">
    <title>Missalgo</title>
    {% load staticfiles %}
    <script src="{% static 'js/jquery-3.0.0.min.js' %}"></script>
    <script src="{% static 'js/alphabet.min.js' %}"></script>
    <script src="{% static 'js/sweetalert.min.js' %}"></script>
    <link rel="shortcut icon" href="{% static 'images/favicon.ico' %}" />
    <link rel="stylesheet" type="text/css" href="{% static 'css/universal.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'css/passage.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'css/header.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'css/sidebar.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'css/sweetalert.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'css/codesnippet/foundation.css' %}">

    <script src="{% static 'js/highlight.pack.js' %}"></script>
    <script>hljs.initHighlightingOnLoad();</script>
</head>
<body>
    <div id="header">
        {% include 'title.html' %}
        <script>
            $(document).ready(function() {
                $("#header .title .menu_title ul li:eq(1)").css("border-bottom","3px solid #f4645f");
            });
        </script>
    </div>

    <div id="content">
        <div class="read_body">
            {% for pag in pags %}
                <div class="psa">
                    <h1>{{ pag.title }}</h1>
                    <h3>作者: <a class="user" href="/">{{ pag.author }}</a> {{ pag.time }}</h3>
                    <div class="passage">{{pag.content|safe}}</div>
                    <div class="line"></div>
                    <div class="message">
                    </div>
                </div>
            {% endfor %}
        </div>
        {% include 'content_right.html' %}
    </div>

</body>
</html>